<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 这个测试用例暂时无法解决，对浏览器这个用例的解析有些摸不着头脑 todo -->
    <a href="https://blog.csdn.net/xufive" target="_blank"
        data-report-click='{"mod":"popu_472","dest":"https://blog.csdn.net/xufive"}'>
        <dl class="media_left clearfix">
            <dt><img src="https://profile.csdnimg.cn/1/3/9/1_xufive" alt="xufive" title="xufive" username="xufive"></dt>
            <dd>
                <p class="name">
                    天元浪子 </p>
                <a class="expert_icon" href="https://blog.csdn.net/blogdevteam/article/details/103478461#博客专家"
                    target="_blank">
                    <!-- <svg class="icon" aria-hidden="true">
                    <use xlink:href="#Feed-bokezhuanjia"></use>
                </svg> -->
                    <img src="/images/expertbig.png" alt="">
                    <span class="bubble">CSDN博客技术专家</span>
                    <div class="haha">
                        <!-- 这里是块级元素和行列内元素浏览器的解析策略不同，目前摸不着头脑。
                            不要在a标签中内部再使用a标签！！！
                            浏览器的处理会很奇葩！！！
                            会把里面的a标签提出去，放在里面也白搭。
                            望共勉。 -->
                        <!-- <span class="hehe">
                            <a>哈哈</a>
                        </span> -->
                        <div class="hehe">
                            <a>哈哈</a>
                        </div>
                    </div>
                </a>
                <p class="tit">总经理</p>
                <p class="num">153篇</p>
            </dd>
        </dl>
        <p class="text oneline">
            生于1968年，程序员，使用python超过10年。长期从事数据处理工作，先后参与过风云系列卫星、碳卫星、海洋卫星、嫦娥探测器等卫星数据处理。</p>
        </p>
    </a>
    <a>
        <div>567</div>
    </a>
</body>
</html>